<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title></title>
    <style>
    .information * {
        box-sizing: border-box;
    }

    .information {
        margin: 0;
        padding: 0;

        color: #666;
        background-color: rgb(229, 241, 248);
    }

    .information ul {
        float: left;

        margin: 0;
        margin-bottom: 8px;
        border-bottom: 1px solid LightGrey;
        padding-left: 0;
        width: 100%;

        background-color: #fff;

    }

    .information ul:last-of-type {
        margin-bottom: 0;
    }

    .information .contract .contract-info,
    .information .project-info .header,
    .information .project-info .project-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px 20px;
        width: 100vw;
        /*height: 50px;*/
        font-size: 16px;
    }

    .information .contract .contract-info .content-left .content,
    .information .project-info .header div .title {
        position: relative;
        top: -8px;
        color: #4E4E4E;
    }

    .information .contract .contract-info .icon,
    .information .project-info .header .icon {
        width: 30px;
        height: 30px;
    }

    .information .contract .contract-info .content {
        color: #4E4E4E;
    }

    .information .line {
        width:100%;
        height: 1px;
        background-color: lightgray;
    }

    .information .line-short {
        position: relative;
        left: 20px;
    }

    .information .department-project-content {
        min-width: 84px;
        color: #4E4E4E;
    }
    .information .phone-project-content {
        min-width: 120px;
        color: #666666;
        text-align: right;

    }
    .information .name-project-content {
        padding: 0 3px;
        flex-grow: 1;
        color: #666666;
        text-align: center;
    }
    </style>
</head>
<div class="information">
    <div class="item-divider my-bg" style="min-height: 15px;margin-top:-1px;padding: 0"></div>
    <ul class="contract">
        <li class="contract-info">
            <div class="content-left">
                <img class="icon" src="img/check-title-icon.png">
                <span class="content">客户名称</span>
            </div>
            <div class="content-right">
                <span style="color: #666666" id="customer_name__information"></span>
            </div>
        </li>
        <div class="line"></div>
        <li class="contract-info">
            <div class="content-left">
                <img class="icon" src="img/check-title-icon.png">
                <span class="content">客户联系人</span>
            </div>
            <div class="content-right">
                <span style="color: #666666" id="contacts__information"></span>
            </div>
        </li>
        <div class="line"></div>
        <li class="contract-info">
            <div class="content-left">
                <img class="icon" src="img/check-title-icon.png">
                <span class="content">所属地区</span>
            </div>
            <div class="content-right">
                <span style="color: #666666" id="region_name__information"></span>
            </div>
        </li>
        <div class="line"></div>
        <li class="contract-info">
            <div class="content-left">
                <img class="icon" src="img/check-title-icon.png">
                <span class="content">详细地址</span>
            </div>
            <div class="content-right">
                <span style="color: #666666" id="address__information"></span>
            </div>
        </li>
        <div class="line"></div>
        <li class="contract-info">
            <div class="content-left">
                <img class="icon" src="img/check-title-icon.png">
                <span class="content">装机量</span>
            </div>
            <div class="content-right">
                <span style="color: #666666" id="zjl__information"></span>
            </div>
        </li>
        <div class="line"></div>
        <li class="contract-info">
            <div class="content-left">
                <img class="icon" src="img/check-title-icon.png">
                <span class="content">创建人</span>
            </div>
            <div class="content-right">
                <span style="color: #666666" id="resource__information"></span>
            </div>
        </li>
    </ul>

    <ul class="project-info" style="margin-bottom: 50px">
        <li class="header">
            <div>
                <img class="icon" src="img/check-title-icon.png">
                <span class="title">项目基本信息</span>
            </div>
        </li>
        <div class="line"></div>
        <li class="project-content">
            <span class="department-project-content">经销商</span>
            <span class="name-project-content" id="distributor_code__information"></span>
            <span class="phone-project-content" id="distributor_code_tel__information"></span>
        </li>
        <div class="line line-short"></div>
        <li class="project-content">
            <span class="department-project-content">经销商销售</span>
            <span class="name-project-content" id="sales_id__information"></span>
            <span class="phone-project-content" id="sales_tel__information"></span>
        </li>
        <div class="line line-short"></div>
        <li class="project-content">
            <span class="department-project-content">经销商技术</span>
            <span class="name-project-content" id="tech_id__information"></span>
            <span class="phone-project-content" id="tech_tel__information"></span>
        </li>
        <div class="line line-short"></div>
        <li class="project-content">
            <span class="department-project-content">安装商</span>
            <span class="name-project-content" id="installer_code__information"></span>
            <span class="phone-project-content" id="installer_code_tel__information"></span>
        </li>
        <div class="line line-short"></div>
        <li class="project-content">
            <span class="department-project-content">安装项目经理</span>
            <span class="name-project-content" id="installer_id__information"></span>
            <span class="phone-project-content" id="installer_tel__information"></span>
        </li>
    </ul>
    <div style="height: 20px;background-color: rgb(229, 241, 248)"></div>

    <script type="text/javascript-lazy" src="js/projectTrackHtml/information.js"></script>

</div>
